<html>
<head>
    <meta charset="UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>The Aviator: The Game | jq22</title>
    <meta name="description"
          content="Demo of the game: The Making of 'The Aviator': Animating a Basic 3D Scene with Three.js"/>
    <meta name="keywords"
          content="three.js, webgl, tutorial, game, 3d, animation, airplane, web development, javascript"/>
    <link href='https://fonts.googleapis.com/css?family=Playfair+Display:400,700,700italic' rel='stylesheet'
          type='text/css'>
    <link rel="stylesheet" type="text/css" href="/public/boots/js/404/css/demo.css"/>
    <link rel="stylesheet" type="text/css" href="/public/boots/js/404/css/game.css"/>
    <script type="text/javascript" src="/public/boots/js/404/js/TweenMax.min.js"></script>
    <script type="text/javascript" src="https://cdn.bootcss.com/three.js/r83/three.min.js"></script>
    <script type="text/javascript" src="/public/boots/js/404/js/game.js"/></script>
    <script type="text/javascript" src="http://www.jq22.com/jquery/html5.min.js"/></script>

</head>
<body>
<div class="game-holder" id="gameHolder">
    <div class="header">
        <h1><span>Page</span> 404</h1>
        <h2>找不到页面?</h2>
        <div class="score" id="score">
            <div class="score__content" id="level">
                <div class="score__label">等级</div>
                <div class="score__value score__value--level" id="levelValue">1</div>
                <svg class="level-circle" id="levelCircle" viewbox="0 0 200 200">
                    <circle id="levelCircleBgr" r="80" cx="100" cy="100" fill="none" stroke="#d1b790"
                            stroke-width="24px"/>
                    <circle id="levelCircleStroke" r="80" cx="100" cy="100" fill="none" #f25346 stroke="#68c3c0"
                            stroke-width="14px" stroke-dasharray="502"/>
                </svg>
            </div>
            <div class="score__content" id="dist">
                <div class="score__label">分值</div>
                <div class="score__value score__value--dist" id="distValue">000</div>
            </div>
            <div class="score__content" id="energy">
                <div class="score__label">血量</div>
                <div class="score__value score__value--energy" id="energyValue">
                    <div class="energy-bar" id="energyBar"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="world" id="world"></div>
    <div class="message message--replay" id="replayMessage">重新开始</div>
    <div class="message message--instructions" id="instructions">Grab the blue pills<span>avoid the red ones</span>
    </div>
</div>
<!-- Demo links -->
<nav class="meta">
    <a class="demo-link" href="{{ route('index') }}">首页</a>
    <a class="demo-link" href="javascript:history.go(-1)">返回上一页</a>
</nav>
</body>
</html>
